@charset "utf-8";
.clearfix{
    zoom:1;
}
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
#web{
    width: 100%;
    min-width: 1280px;
}
section{
        width: 100%;
        background: #f6f6f6;
        .car
        {
            width: 100%;
            height: 220px;
            overflow: hidden;
            img{
                width: 100%;
                height: 100%;
            }
        }
        article
        {
            width: 975px;
            margin: 0 auto;
            .text_p
            {
                margin-top: 21px;
                margin-bottom: 34px;
                a{
                    color: #535353;
                    font-size: 14px;
                }
            }
            ul li
            {
                float: left;
                text-align: center;
                height: 129px;
                background: #cac9c9;
                margin-right: 5px;
                span
                {
                    font-size: 24px;
                    color: #434343;
                    padding-top: 39px;
                    display: block;
                }
                img{
                     display: none;
                     margin: 5px auto 0;
                }
            }
            ul li.active{
                    background: #2072f9;
                    color: white;
                    img
                    {
                        display: block;
                    }
            }
            ul li:hover
            {
                background: #2072f9;
                cursor: pointer;
                span
                {
                    color: white;
                }
                img{
                    display: block;
                }
            }
            ul li:nth-child(1){
                width: 292px;
            }
            ul li:nth-child(1) span{
                color: white;
            }
            ul li:nth-child(2){
                width: 207px;
            }
            ul li:nth-child(3){
                width: 233px;
            }
            ul li:nth-child(4){
                width: 222px;
                margin-right: 0;
            }
            .input
            {
                width: 357px;
                height: 50px;
                position: relative;
                margin: 29px 0 26px 0;
                img{
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                }
                input
                {
                        width: 300px;
                        height: 48px;
                        border: 1px solid #434343;
                        text-indent: 6px;
                        font-size: 12px;
                }
                input:-moz-placeholder{color:#8f8e8e;}
                input:-ms-input-placeholder{color:#8f8e8e;}
                input::-webkit-input-placeholder{color:#8f8e8e;}
            }
        }
}
.div{
    width: 100%;
    background: #f6f6f6;
    .ul{
        width: 974px;
        margin: 0 auto;
        border: 1px solid #dcdcdc;
        li
        {
            float: left;
            width: 324px;
            height: 266px;
            border-right:1px solid #dcdcdc; 
            border-bottom:1px solid #dcdcdc;
            background: white;
            text-align: center;
            font-size: 12px;
            color: #3e3e3e;
            div{
                width: 159px;
                height: 159px;
                margin: 18px auto 0;
            }
        }
        li:nth-child(3) div 
        {
            position: relative;
            img
            {
                position: absolute;
                top: 14px;
                right: 36px;
            }
        }
        li:nth-child(3n)
        {
                border-right:none; 
        }
    }
}



.btn_bg{
    width: 100%;
    height: 400px;
    background: #f6f6f6;
    .btn
    {
        width: 560px;
        height: 48px;
        margin: 0 auto ;
        padding-top: 54px;
        input
        {
              background: transparent;    
        }
        input,ul li
        {
            margin-right: 10px;
            line-height: 48px;
            text-align: center;
            font-size: 18px;
            width: 60px;
            height: 48px;
            color: #777676;
        }
        input:hover, ul li:hover,ul li.active
        {
            background: #2072f9;
            border-color: #aaaaaa;
            color: white;
            cursor: pointer;
        }
        ul li
        {
            float: left;
        }
    }
}